var vm=new Vue({
    el:'#mainopen',
    data:()=>({
        placeholder:'暂无选项',
        lang:$('#requestLang').val(),
        serverVal:'',//搜索产品内容
        handleType:$('#requestType').val(),//添加还是编辑
        url:'',//获取下拉选项
        ProcharUrl:'',//获取图册信息
        proClassArr:[],//产品分类选项
        proArr:[],//产品选项
        proChr:[],//产品角色选项
        Prochar:[],//产品图册
        data:{
            name:'',//图册名称
            subtitle:'',//副标题
            ins:'',//说明
            isSga:false,//图册共享
            startTime:'',//开始时间
            endTime:'',//结束时间
            proClass:0,//选择产品分类
            selpro:0,//选择产品
            selChr:0//选择角色
        }
    }),
    created(){
        $('.loding').hide()
    },
    mounted(){
        $( "#sortable" ).sortable({
            revert: true
        });
        $( "ul, li" ).disableSelection();
        if(this.handleType=='add'){
            this.url='/admin/album/albumopenAdd'
            this.ProcharUrl="/admin/album/albumopenAdd"
            //添加时设置默认时间
            var tomorrow = new Date();
            tomorrow.setTime(tomorrow.getTime() + 24*60*60*1000);
            this.data.startTime=tomorrow.getFullYear()+"-"+(tomorrow.getMonth()+1)+"-"+tomorrow.getDate();
            // this.data.endTime=tomorrow.getFullYear()+"-"+(tomorrow.getMonth()==11? 1 : tomorrow.getMonth()+2)+"-"+tomorrow.getDate();
        }else{
            this.url='/admin/album/albumopenEdit'
            this.ProcharUrl="/admin/album/albumopenEdit"
            //获取编辑的数据
            this.getEditData()
        }
        this.$nextTick(()=>{
            $('.form_datetime').datetimepicker({
                language: 'zh-CN', // en ,zh-CN, pt-BR
                minView: 'month',
                weekStart: 0, //一周从哪一天开始
                todayBtn:  1, //
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                forceParse: 0,
                showMeridian: 1
            })
        })
        //获取产品分类
        this.getProClass()
    },
    methods:{
        formatUnit:formatUnit,
        //获取编辑数据
        getEditData(){
            $.ajax({
                url:'/admin/album/albumopenEdit?request=edit&id='+$('#id').val(),
                type:'post',
                success:data=>{
                    data=JSON.parse(data).data
                    this.data.name=data.detail.title
                    this.data.subtitle=data.detail.subtitle
                    this.data.ins=data.detail.intro
                    this.data.isSga=Boolean(data.detail.share)
                    this.data.startTime=data.detail.open_day
                    this.data.endTime=data.detail.finish_day
                    if(data.iconInfo)
                    this.Prochar=data.iconInfo
                }
            })
        },
        //选择产品
        selproFun(data){
            this.proArr.forEach(item=>{
                if(item.id==this.data.selpro)
                if(!item.isPro)
                this.data.selChr=item.prochar_id
                else
                this.data.selChr=0
            })
            this.getData(data,'proChr')
            
        },
        //获取数据
        getData(data,key){
            if(key=='proArr')
            this.placeholder="加载中..."
            $.ajax({
                url:this.url,
                type:'post',
                data,
                success:data=>{
                    data=JSON.parse(data)
                    console.log(data);
                    if(data.data!="暂无数据"){
                        this[key]=data.data
                        if(key=='proArr'){
                            this.placeholder="请选择"
                            this.proChr=[]
                            this.data.selpro=0
                            this.data.selChr=0
                        }
                        if(key=='proChr'&&this.proChr.length==1){
                            this.data.selChr=this.proChr[0].id
                        }
                    }else{
                        this.data.selpro=0
                        this[key]=[]
                        this.placeholder="暂无数据"
                    }
                }
            })
            
        },
        //获取产品分类
        getProClass(){
            $.ajax({
                url:'/admin/price/cateTypes',
                type:'post',
                success:data=>{
                    data=JSON.parse(data)
                    this.proClassArr=data
                }
            })
        },
        //获取图册信息
        getProchar(data){
            $.ajax({
                url:this.ProcharUrl,
                data,
                type:'post',
                success:data=>{
                    data=JSON.parse(data)
                    if(data.data instanceof Array)
                    if(!this.Prochar.length){
                        this.Prochar=data.data
                    }else{
                        if(this.Prochar.find(item=>{
                            return item.pro_id==data.data[0].pro_id && item.prochar_id==data.data[0].prochar_id
                        })){
                            /* this.Prochar[this.Prochar.findIndex(item=>{
                                return item.pro_id==data.data[0].pro_id && item.prochar_id==data.data[0].prochar_id
                            })]=data.data[0] */
                            change_mes_type('.alert',2)
                            $('.alert').show()
                            $('.alert p').html('*图册中已有该产品不需要重复添加<br>')
                            
                        }else{
                            this.Prochar.push(data.data[0])
                        }
                        
                    }
                }
            })
        },
        saveFun(){
            if(this.handleType=='add'){
                var url = '/admin/album/albumopenAdd?request=insert';
            }else{
                var url = '/admin/album/albumopenEdit?request=update&id='+$('#id').val();
            }
            $.ajax({
                url:url,
                data:Object.assign(this.data,{Prochar:this.listSort()}),
                type:'post',
                success:data=>{
                    data=JSON.parse(data)
                    change_mes_type('.alert',data.status)
                    $('.alert').show()
                    $('.alert p').html('*'+data.msg+'<br>')
                }
            })
        },
        delProchar(index){
            this.Prochar.splice(index,1)
        },
        //图册排序
        listSort(){
            var sortarr=[]
            $( "#sortable").sortable( 'toArray').forEach(element => {
                sortarr.push(this.Prochar[element])
            });
            return sortarr
        },
        clickisSga(){
            this.data.isSga = !this.data.isSga
            console.log(this.data.isSga)
        }
    }
})